<style type='text/css'>
th,td {
	text-align:left
}
.page-header{padding-bottom:0;margin:0}
.fui-cellone{padding:0}
.list-main {min-height:100px; background:#fff; padding:10px;}
.list {height:auto; border-left:1px solid #eee; padding-left:10px; position:relative;}
.list .info {height:auto;padding:8px 10px; font-size:14px; color:#666;}
.list .dot {height:10px; width:10px; border-radius:10px; background:#ddd; position:absolute; left:-6px; top:15px;}
</style>
<div class="col-jy" style="width:100%">
<div class="panel">
		<div class="page-header">
		<h4>授权企业微信应用</h4>
		</div>
		<div class="col-jy-12">
				<label class="col-xs-12 col-sm-3 col-md-2 right-label bold" style="font-size:16px;">授权安装模式</label>
				<div class="col-xs-12 col-sm-8 col-lg-9">
					<div class="red" style="font-size:16px;">
					{{pagedata.item.saastype==1?'自建应用':'第三方应用'}}
					</div>
					<div class="help-block">[第三方应用]:<red>有很多限制</red>，已经无法获取编辑通讯录的内容（除非申请开通通讯录编辑权限）;如果不用发布到企业微信SAAS市场,只是方便客户安装使用，建议选择【自建应用】</div>
				</div>
		</div>
		<div class="panel-body" ng-if="pagedata.item.saastype==1">
			<div style="font-size:18px;padding-left:13px">[自建应用]: 请找平台客服，发送《授权安装二维码》给你，扫码安装！</div>
		</div>
		<div class="panel-body" ng-if="pagedata.item.saastype!=1">
		<div style="font-size:18px;padding-left:13px">重要提示: 请确认您要授权的企业微信，授权成功后不支持更换解绑等逆向操化</div>
		<div class="col-jy-12">
			 <div class="ibox float-e-margins">
					  <div class="panel-stat">
							<div class="panel-stat-btn">
								<div class="col-sm-2" style="padding:10px">
									<div class="text-center" style="background:#f1f4f6;padding:20px 10px">
									<i class="fa fa-key" style="font-size:30px"></i>
									<div style="padding-top:10px">点击键授权按钮</div>
									</div>
								</div>
								<div class="col-sm-2" style="padding:10px">
									<div class="text-center" style="background:#f1f4f6;padding:20px 10px">
									<i class="fa fa-qrcode" style="font-size:30px"></i>
									<div style="padding-top:10px">管理员企业微信扫码</div>
									</div>
								</div>
								<div class="col-sm-2" style="padding:10px">
									<div class="text-center" style="background:#f1f4f6;padding:20px 10px">
									<i class="fa fa-check" style="font-size:30px"></i>
									<div style="padding-top:10px">同意授权并添加</div>
									</div>
								</div>
								<div class="col-sm-2" style="padding:10px">
									<div class="text-center" style="background:#f1f4f6;padding:20px 10px">
									<i class="fa fa-refresh" style="font-size:30px"></i>
									<div style="padding-top:10px">等待授权成功跳转(切勿关闭)</div>
									</div>
								</div>
								<div class="col-sm-2" style="padding:10px">
									<div class="text-center" style="background:#f1f4f6;padding:20px 10px">
									<i class="fa fa-paper-plane" style="font-size:30px"></i>
									<div style="padding-top:10px">基础设置-配置企业微信信息</div>
									</div>
								</div>
							</div>
					</div>
			  </div>
		</div>
		<div style="padding-left:13px">
		<div class="red" style="font-size:15px;line-height:30px">键授权企业微信，同步企微组织架构</div>
		<div style="font-size:15px;line-height:30px">授权成功后，企业微信的员工、客户信息将同步到系统</div>
		<a class="btn btn-primary" href="javascript:;" ng-click="pagedata.goto();" style="margin:10px 0;padding:6px 50px;font-size:18px">一键授权</a>
		<p class="bold red" style="font-size:18px">请仔细阅读操作步骤以及下述注意事项后再进行授权操作</p>
		<div class="list-main">
                <div class="list">
                    <div class="info">
                        企业微信管理员扫描授权二维码选择名下需授权的企业微信确认授权
                    </div>
                    <div class="dot"></div>
                </div>
				<div class="list">
                    <div class="info">
                        耐心等待授权成功提示，若中途关闭会导致授权失败
                    </div>
                    <div class="dot"></div>
                </div>
				<div class="list">
                    <div class="info">
                        授权完成后请务必前往基础设置页面按照提示补充填写企业信息，进行权限设置
                    </div>
                    <div class="dot"></div>
                </div>
				<div class="list">
                    <div class="info">
                        [<red>preauthcode校验失败</red>]，很可能应用还未发布，请联系管理员！
                    </div>
                    <div class="dot"></div>
                </div>
				<div class="list">
                    <div class="info">
                        操作中如遇任何问题，请及时联系售后客服处理
                    </div>
                    <div class="dot"></div>
                </div>
        </div>
		</div>
		</div>
</div>
</div>
<script>
scope.pagedata.goto=function(){
	window.open(scope.pagedata.up2workurl,'_blank');
}
</script>